<template>
  <div class="logo">
    <DayBill></DayBill>
    <img @click="toReq" :src="logoImageUrl" height="50" alt="" />
  </div>
</template>

<script setup lang="ts">
import { useApp } from './index' 
import { onMounted } from 'vue'
import DayBill from './DayBill/index.vue'

const {
    logoImageUrl,

    toReq,
    init
  } = useApp()

  onMounted(init)
</script>

<style scoped>
.logo {
  z-index: 999;
  position: fixed;
  bottom: 160px;
  right: 10px;
  width: 60px;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 4px solid #c72a21;
  border-radius: 50%;
  background-color: #fff;
}

img {
  position: absolute;
  top: 7px;
  z-index: 0;
}
</style>
